<template>
   <div>
      <BaseHeader> </BaseHeader>
      <div class="search_bar clearfix">
         <a href="/" class="logo fl"><img src="/static/images/logo.png"></a>
         <div class="search_wrap fl">
            <form method="get" action="/search" class="search_con">
               <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
               <input type="submit" class="input_btn fr" name="" value="搜索">
            </form>
            <ul class="search_suggest fl">
               <li><a href="#">索尼微单</a></li>
               <li><a href="#">优惠15元</a></li>
               <li><a href="#">美妆个护</a></li>
               <li><a href="#">买2免1</a></li>
            </ul>
         </div>

         <div class="guest_cart fr">
            <a href="#" class="cart_name fl">我的购物车</a>
            <div class="goods_count fl" id="show_count">15</div>

            <ul class="cart_goods_show">
               <li>
                  <img src="/static/images/goods/goods001.jpg" alt="商品图片">
                  <h4>商品名称手机</h4>
                  <div>4</div>
               </li>
               <li>
                  <img src="/static/images/goods/goods002.jpg" alt="商品图片">
                  <h4>商品名称手机</h4>
                  <div>5</div>
               </li>
               <li>
                  <img src="/static/images/goods/goods003.jpg" alt="商品图片">
                  <h4>商品名称手机</h4>
                  <div>6</div>
               </li>
               <li>
                  <img src="/static/images/goods/goods003.jpg" alt="商品图片">
                  <h4>商品名称手机</h4>
                  <div>6</div>
               </li>
            </ul>
         </div>
      </div>
   </div>
</template>

<script>
   import BaseHeader from "./BaseHeader";

   export default {
      name: "BaseHeader1",
      components: {
         BaseHeader,
      },
      data() {
         return {}
      },
      methods: {},
      computed: {},
      filters: {},
      watch: {},
   }
</script>

<style scoped>

</style>
